<template>
  <div id="app"  v-cloak>
    <div class="view" >
      <!-- <publicHeader ></publicHeader> -->
      <router-view></router-view>
      <!-- <publicFooter></publicFooter> -->
    </div>   
  </div>
</template>

<script>
import publicHeader from '@components-layout/header/index.vue';
import publicFooter from '@components-layout/footer/index.vue';
export default {
  name: 'app',
  components: {
    publicHeader,
    publicFooter
  },
  data(){
    return {

    }
  },
  watch:{

  }, 
  updated() {
    // window.scroll(0, 0);
  },
}
</script>

<style lang="scss">
html,body,#app{
  height: 100%;
  width: 100%;
  // overflow: hidden;
}
body{overflow-y: auto }
.view{
  width: 100%;
  height: 100%;
}
.el-scrollbar__wrap
{
  // margin-bottom: 0 !important;
  overflow-x: hidden !important;
}
[v-cloak] {
    display: none !important;
}
</style>